<template>
    <div>
        <transition name="animated">
            <slot></slot>
        
        </transition>
    </div>
</template>

<script>
    export default {
        name:"Animated"
    }
</script>

<style scoped>
.animated-enter-active, .animated-leave-active {
  transition: opacity 3s;
}
.animated-enter, .animated-leave-to{
  opacity: 0;
}
</style>